
.popup-buttom {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 8;

  .fgp-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  .fgp-bd {
    width: 100%;
    position: absolute;
    /*top: 50%;*/
    bottom: 0;
    left: 0;
    /*left: 50%;*/
    background-color: #fff;

    transition:transform 0.3s ease;
    transform: translateY(100%);

    max-height: 80%;
    overflow: auto;
  }

  .fgp-cont {

  }

  &.show {
    pointer-events: auto;
    .fgp-bg {
      opacity: .4;
    }
    .fgp-bd{
      transform: translateY(0);
    }
  }

}
